import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { AppProvider } from './contexts/AppContext';
import { MainLayout } from './components/Layout/MainLayout';
import { BrowserPage } from './pages/BrowserPage';
import { AccountPage } from './pages/AccountPage';
import { PlatformPage } from './pages/PlatformPage';
import { DashboardPage } from './pages/DashboardPage';
import './App.css';

function App() {
  return (
    <AppProvider>
      <Router>
        <MainLayout>
          <Routes>
            <Route path="/" element={<BrowserPage />} />
            <Route path="/accounts" element={<AccountPage />} />
            <Route path="/platforms" element={<PlatformPage />} />
            <Route path="/dashboard" element={<DashboardPage />} />
          </Routes>
        </MainLayout>
      </Router>
    </AppProvider>
  );
}

export default App;